$(function() {
	// body...
	// topbanner点击隐藏
	$(".closebtn").on("click", function() {
		$(".topbanner-bg").hide();
	});
	//
	$(".city").hover(function() {
		$(".city").css({
			background: "#fff",

		});
		$(".citylist").show();
	}, function() {
		$(".city").css("background", "#e3e4e5");
		$(".citylist").hide();

	});

	$(".citylist").on("click", "li", function() {
		var $city = $(this).html();
		console.log($city)
		$(this).addClass('active').siblings().removeClass('active')

		$(".city span").html($city);
		//window.location.href = "https://www.jq22.com"
	});

	// });
	//轮播图
	//获取元素
	var $bannerImg = $(".banner-img");
	var $bannerLi = $(".banner-img li");
	var $bannerNav = $(".banner-nav i");
	console.log($bannerNav)
	var len = $bannerImg.find("li").length;
	var idx = 0;
	var timer;
	//图片切换效果
	function showimg() {
		if(idx > len - 1) {
			idx = 0;
		} else if(idx < 0) {
			idx = len - 1;
		};
		$bannerLi.eq(idx).show().siblings().hide();
		$bannerNav.eq(idx).css({
			color: "#f1010a"
		}).siblings().css({
			color: "#fff"
		});
	};
	//轮播切换效果
	function show() {
		idx++;
		showimg();
	};
	//每3秒切换一次图片
	timer = setInterval(show, 3000);
	console.log($bannerImg)

	$('.prev').on('click', function() {
		console.log('yyy');
		idx--;
		showimg();
	});
	$('.next').on('click', function() {
		console.log(2)
		idx++;
		showimg();
	});
	//点击圆点实现轮播
	$bannerNav.on("click", function() {
		console.log($(this));
		idx = $(this).index();
		// $bannerLi.eq(idx).show().siblings().hide();
		// $bannerNav.eq(idx).css({color:"#f1010a"}).siblings().css({color:"#fff"});
		showimg();
	});
	//鼠标移入轮播停止
	$bannerImg.on("mouseenter", function() {
		timer = clearInterval(timer);
	}).on("mouseleave", function() {
		timer = setInterval(show, 3000);
	});
	//banner右侧的导航切换
	var $tabtitle = $(".user-newtitle>a");
	var $tabcontent = $(".user-newlist");
	console.log($tabtitle)
	console.log($tabcontent)
	$tabtitle.on("mouseenter", function(event) {

		var index = $(this).index();
		console.log(index)
		$(this).addClass("showborder").siblings().removeClass("showborder");
		$(this).css("color", "#666")
		$tabcontent.eq(index).show().siblings("ul").hide();

	});
	//京东秒杀鼠标移入图片的动画效果
	//获取页面元素
	var $mslist = $(".mslist");
	var $msLi = $mslist.find("li");
	var $msA = $mslist.find("a");
	console.log($msA)
	$msA.each(function(ind, ele) {
		console.log(ind)
		$(ele).hover(function() {
			// console.log($(this))
			$(this).find('img').stop().animate({
				top: -5
			});
			$(this).css("color", "#d03541");

		}, function() {
			$(this).find('img').stop().animate({
				top: 0
			});
			$(this).css("color", "#666");

		});

	});
	//楼梯
	var $scrollTop = $(window).scrollTop();
	
	var $lcnav = $(".lcnav");
	var $li = $lcnav.find("li");
	var $floor1 = $(".floor1");
	var $floor2 = $(".floor2");
	var $floor4 = $(".floor4");
	var $lcdiv = $(".floor2>div");
	$(window).on("scroll", function() {

	console.log($floor1.offset().top)
		//console.log($lcdiv);
		//console.log($lcdiv);
		if($scrollTop > 2460) {
			$lcnav.fadeIn();
		} else {
			$lcnav.fadeOut();
		}
		//console.log($floor1.offset());
		//console.log($floor2.offset());
		if($scrollTop >= $floor1.offset().top && $scrollTop < $floor2.offset().top) {
			//console.log($li)
			$li.eq(0).addClass("hover").siblings("li").removeClass("hover");
		}
		if($scrollTop >= $floor4.offset().top) {
			$li.eq(-2).addClass("hover").siblings("li").removeClass("hover");
		};

		 for(var i=1;i<=8;i++){



		     if($scrollTop> $('.floor2 .lc'+i).offset().top && $scrollTop< $('.floor2 .lc'+i).offset().top+$('.floor2 .lc'+(i)).outerHeight()/2) {

		         $li.eq(i).addClass("hover").siblings("li").removeClass("hover");
		          console.log('hahhahahah')
		     }

		 }

	


	});
	
//		$lcnav.find('li').each(function(ind,ele){
//			console.log($(this))
////			console.log($(ele))
//			console.log(ind)
//			if(ind>0&&ind<9)
////			$(this).bind('click',function(){
////				
////			})
//			$(this).click(function(){
//				console.log('骚货');
//				console.log($(this));
//				console.log($('.floor2 .lc'+ind));
//				 $(window).scrollTop(parseInt($('.floor2 .lc'+ind).offset().top+49.6));
//				
//				
//				
//				
//			})
//			
//		})

		$lcnav.on('click','li',function(){
			

			var top;
			var currentIndx = $(this).index();

			if(currentIndx>0 && currentIndx<9) {
				
				console.log($(this).index());
				top = parseInt( $('.floor2 .lc'+currentIndx).offset().top-49.6);
				$('.floor2 .lc'+currentIndx).addClass("hover");
				console.log(top);
//				$(window).scrollTop(top);

				console.log($scrollTop)
  				$('html,body').animate({scrollTop:top});
				
			}
			
		})
			
	
	

});